$control-multieditviewpanel: (
  btn-width: 150px,
);

@include b(control-multieditviewpanel) {
  @include set-component-css-var(control-multieditviewpanel, $control-multieditviewpanel);
  @include flex(column, space-between, stretch);

  width: 100%;
  height: 100%;

  @include b(control-multieditviewpanel-content){
    flex-grow: 1;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    @include b(control-multieditviewpanel-item){
      @include flex(row);

      position: relative;
      width: 100%;
      margin-bottom: getCssVar(spacing, tight);

      >.#{bem(view)}{
        .#{bem(panel-view-header)}{
          padding-right: getCssVar(spacing, loose);
        }
      }
  
      @include b(control-multieditviewpanel-close){
        @include flex(row, center);

        position: absolute;

        // calc((容器padding) + 项padding + ((项高度 / 2) + (close图标高度 / 2)))，该公式可适配关闭按钮在右上角时参考视图首个绘制项（如：视图标题、 ）居中对齐，
        top: calc(getCssVar('spacing', 'tight') + getCssVar('spacing', 'tight') + ((getCssVar('height-control', 'default') / 2) - (1em / 2)));
        right: 0;

        >ion-icon:hover{
          color: getCssVar(color, primary);
          cursor: pointer;
        }
      }
    }

    // 上分页
    @include b(control-multieditviewpanel-tabs){
      .el-tabs__nav{
        .el-tabs__item{
          @include b(control-multieditviewpanel-tab-label){
            @include flex(row, space-between, center);
          }
        }
      }

      .el-tabs__new-tab {
        display: flex;
        align-items: center;
        width: auto;
        height: var(--el-tabs-header-height);
        margin: 0;
        border: 0;
        border-bottom: 2px solid var(--el-border-color-light);
      }
    }
  }

}
